草庐IT

HTML5 SVG

全部标签

javascript - 如何从 mustache 内的过滤器输出 html

我有一个输入(右上角),用户可以在其中搜索内容,当它的指令长度达到3个字符时,它将显示产品列表并突出显示匹配...看看我的代码:html{{product.id}}-{{product.name|highlight}}-{{product.qtd}}fdfds{{message}}jsvarsearch=newVue({el:"#app",data:{message:"",searchInput:false,products:[{id:1,name:"produto01",qtd:20},{id:2,name:"produto02",qtd:40},{id:3,name:"produt

javascript - 转换后的 SVG 元素上的 getBoundingClientRect() 应该返回什么?

今天我测试了当你使用getBoundingClientRect()时会发生什么在已旋转的SVG元素上。测试:http://phrogz.net/svg/getBoundingClientRect-on-rotated-elements.html结果是:Chrome、Safari、Opera和IE似乎计算元素的本地(未转换的)边界框,然后返回该边界框的客户端rect。这可能导致客户端矩形比看起来合适的大。另一方面,Firefox裁剪客户端矩形以适合元素本身。根据规范,哪种行为是正确的?为了它的值(value),我prefertheFirefoxbehavior,但(不了解规范)认为Fir

javascript - 以编程方式合并两个 svg 路径元素

我正在用SVG路径渲染map(使用jVectormap)。在某些情况下,一个区域必须与相邻区域合并。不幸的是,这两个区域没有相互接触,我必须进行插值以填充它们之间的空间。jVectormap使用非常简单的SVG路径,其中M设置绝对起点,l连接相对点。是否有任何SVG库涵盖此类操作? 最佳答案 我没试过这个,但你可以通过运行theconverteratjVectormap来绕过它使用以下参数:--buffer_distance=0--where="ISO='region_1'ORISO='region_2'"其中region_1和re

javascript - Knockout ObservableArray 不更新 HTML Foreach

所以我有一个可以正常工作的observablearray,但是UI没有更新。我读过很多人遇到这种类型的问题,但我没有看到。所以HTML是YupJavascript是一个调用API并从中构建数组的函数。functionTweetsViewModel(){varself=this;self.tasksURI='http://localhost:8000/api/v1/tweet/';self.tweets=ko.observableArray();self.ajax=function(uri,method,data){varrequest={url:uri,type:method,cont

javascript - CKEditor 在样式中插入不可编辑的 HTML

我目前正在将CKEditor移植到concrete5中。作为其中的一部分,concrete5能够创建可以通过编辑器插入的“片段”。开发人员能够定义这些小部件产生什么样的HTML输出,但在编辑模式下,它只是显示一个具有以下HTML的占位符:''+selectedSnippet.scsName+''我研究过CKEditor小部件,但不一定想用大量按钮来激活我的工具栏以激活此类功能。我很好奇是否可以向stylescombo下拉列表(或类似的下拉列表)添加一些内容,然后插入一个像上面那样的片段。目前我必须尝试做的事情可以在https://github.com/ExchangeCore/Conc

javascript - 矩阵变换 : Converting SVG path coordinates to Leaflet coordinate system

简短版本:如何将SVG路径添加到Leafletmap,以便在map坐标更改时(例如缩放更改或滑动时)路径会更新?长版:你好,我有一个地形image包含建筑轮廓。对图像进行地理校正后,我使用Photoshop将栅格数据转换为SVG.我知道描述SVG周边的边界框的地理坐标,并且知道SVG路径元素的内部坐标。我想知道现在将上面SVG的路径元素中描述的建筑物添加到Leafletmap的最佳方法。这是一个fiddle,它以红色显示SVG图像的边界框,以蓝色显示建筑物:http://jsfiddle.net/duhaime/4vL925Lj/如您所见,建筑物尚未根据边界框正确定向。我最初对齐建筑物

javascript - 使用 Raphael 操作 SVG

是否可以使用Raphael来操作嵌入的SVG图像?我过去使用Raphael来绘制形状,但实际上并没有看到它被用来操纵现有的SVG图像。如果没有,是否有其他方法可以让我轻松地更改颜色、添加事件等到嵌入式SVG图像的多边形? 最佳答案 根据我阅读Raphael.js源代码的经验,我必须同意以前的帖子。我能想到的替换或修改SVG的唯一方法是替换/修改标记/DOM本身。我想在我的回答中添加的只是对为什么会这样的简短、一般性的解释。Raphael被设计为SVG/VML生成器。也就是说,Raphael创建JavaScript对象并在创建对象时将

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - React JSX 中的自定义 HTML 元素标记

我们正在使用一个使用自定义元素的组件库。这需要我们在JSX中使用自定义HTML标签。举一个非常简单的例子:varApp=React.createClass({render:function(){return;}});React.render(,document.getElementById('content'));在这种特殊情况下,我只需要React输出niner标记而不试图用它做任何太特别的事情。我故意没有ninerReact组件。根据JSXindepth,React'sJSXusestheuppervs.lowercaseconventiontodistinguishbetween

javascript - 如何将 JavaScript 代码拆分为多个文件并使用它们而不通过 HTML 中的脚本标记包含它们?

我正在广泛使用构造函数(类),并希望每个构造函数都在一个单独的文件中(类似于Java)。假设我有构造函数说Class1、Class2、...Class10,我只想使用Class1和Class5我需要使用脚本标记将Class1.js和Class2.js包含到HTML页面中。稍后如果我还需要使用Class3和Class6,我需要再次转到HTML页面并为它们添加脚本标签。这种方式维护性太差。JavaScript中有类似C的include指令的东西吗?如果不是,有没有办法模拟这种行为? 最佳答案 您可以使用jQuery.getScript: